<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<link rel="stylesheet" href="../css/玫瑰2.css">
	<link rel="stylesheet" href="../css/swiper.css">
	<script src="../js/swiper.js"></script>
	<script src="../js/jquery-3.1.1.js"></script>

	<title></title>
</head>
<body>
	<header>
		<div id="top">
			<img src="../images/nav_logo_03.png" >
		</div>
	</header>
	<br><br>
	<section class="swiper-container">
		<div class="swiper-wrapper">
			<a class="swiper-slide" href="#">
			<img src="../images/m1.png" class="img1">
			</a>
			<a class="swiper-slide"  href="#" > 
			<img src="../images/m2.png" id="img2">
			</a>
			<a class="swiper-slide"  href="#" >
			<img src="../images/m3.png" id="img3">
			</a>
			<a class="swiper-slide"  href="#" >
			<img src="../images/m4.png" class="img4">
			</a>
		</div>
		<div class="section_text1" id="text1">经典永续经典限量特别款19支红粉80cm </div>
		<br>
		<div class="section_text1" id="text2">价格：1999</div>
		<div class="section_text2">
			
				<p>颜色:</p>
		
			<div>
				<img src="../images/mi1.png" id="img5">
			</div>
			
		</div>
		<br><br><br><br>
		<div class="section_text1">
			服务承诺 官方正品 免邮配送 同城速递
		</div>
		<div class="section_text3">
			<div>
				<b>适用场景:<b>表白 求婚<br>
				<b>适用对像:</b>爱人<br>
				<b>适用节日:</b>情人节 520
			</div>
			<br><br>
			<div>
				<b>鲜花朵数:<b>11<br>
				<b>颜色分类:</b>彩<br>
				<b>产品规格:</b>81cm*21cm*13cm
			</div>
		</div>
		<br><br><br>		
		<img class="section_img1" id="img9" >
		<img class="section_img1" id="img10" >
		<img class="section_img1" id="img11" >
		<img class="section_img1" id="img12" >
		<img class="section_img1" id="img13" >
		<img class="section_img1" id="img14" >
		<img class="section_img1" id="img15" >
		<img class="section_img1" id="img16" >

		<br><br><br>
		<div class="section_text1">热卖推荐</div>
		<br><br>
		<div class="section_text4">
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src="" class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
			<div class="section_text5">
				<div class="section_text6">
					<img src=""  class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
				<div class="section_text6">
					<img src=""  class="imgg1">
					<p>
						鲜花玫瑰-经典系列<br>
						小经典朱砂-40cm<br>
						$1889
					</p>
				</div>
			</div>
		</div>
	</section>
	<br><br><br><br><br>
	<footer>
		<div class="foot">
			<!-- <a class="foot_div foot_div1" href="#"><img src="../images/首页.png">
			<p>首页</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/分类.png">
			<p>分类</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/喇叭.png">
			<p>热卖</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/购物袋.png">
			<p>购物袋</p>
			</a>
			<a class="foot_div"  href="#"><img src="../images/用户.png">
			<p>用户</p>
			</a> -->


			<!-- 样式替换 -->

			<a class="foot_cen foot_t" href="#">
				<img src="../images/聊天.png">
				<span>客服</span>
			</a>
			<a class="foot_cen" href="#">
				<p>加入购物车</p>
			</a>
			<a class="foot_cen foot_t1" href="#">
				<p>立即购买</p>
			</a>
		</div>
	</footer>	

	<script>
    var swiper = new Swiper('.swiper-container', {
		    loop:true,
		    autoplay:2300,
		    pagination: '.swiper-pagination',
		    paginationClickable: true,
		    nextButton: '.swiper-button-next',
        	prevButton: '.swiper-button-prev',
        	// spaceBetween: 80,
        	centeredSlides: true,
        	autoplayDisableOnInteraction: false
		});
    	$.ajax({
    		url:"../data/reseonly.php?type=proDetail&proId=2079",
    		success:function (data) {
    			console.log(data);
    			var obj =JSON.parse(data);
    			console.log(obj);
    			$(".img1").attr("src","http://www.roseonly.com.cn/"+obj.rollImageList[0].imgpath);
    			$("#img2").attr("src","http://www.roseonly.com.cn/"+obj.rollImageList[1].imgpath);
    			$("#img3").attr("src","http://www.roseonly.com.cn/"+obj.rollImageList[2].imgpath);
    			$(".img4").attr("src","http://www.roseonly.com.cn/"+obj.rollImageList[3].imgpath);
    			$("#text1").text(obj.proname4Show);
    			$("#img5").attr("src","http://www.roseonly.com.cn/"+obj.imgpath);
    			$("#img6").attr("src","http://www.roseonly.com.cn/"+obj.imgpath2);
    			$("#img7").attr("src","http://www.roseonly.com.cn/"+obj.imgpath);
    			$("#img8").attr("src","http://www.roseonly.com.cn/"+obj.imgpath2);
    			$("#img9").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[0].imgpath);
    			$("#img10").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[1].imgpath);
    			$("#img11").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[2].imgpath);
    			$("#img12").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[3].imgpath);
    			$("#img13").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[4].imgpath);
    			$("#img14").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[5].imgpath);
    			$("#img15").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[6].imgpath);
    			$("#img16").attr("src","http://www.roseonly.com.cn/"+obj.detailImageList[7].imgpath);
    			$(".imgg1").attr("src","http://www.roseonly.com.cn/"+obj.templateProductList[0].imgpath2);
    		}
    	})
    </script>
</body>
</html>